	<head>
		
		<script src="Scripts/jQuery/jquery-1.2.2.js" type="text/javascript"></script>
		<script src="Scripts/jQuery/ui/ui.js" type="text/javascript"></script>
		<script src="Scripts/jQuery/jquery.dimensions.js" type="text/javascript"></script>
		<script src="Scripts/test/selector.js" type="text/javascript"></script>
		<script src="Scripts/test/event.js" type="text/javascript"></script>
		<script src="Scripts/test/fx.js" type="text/javascript"></script>
		<script src="Scripts/test/offset.js" type="text/javascript"></script>
		<script src="Scripts/test/ui_003.js" type="text/javascript"></script>
		<script src="Scripts/test/ui_002.js" type="text/javascript"></script>
		<script src="Scripts/test/ui.js" type="text/javascript"></script>
		<style>
			body { 
					margin: 10px; 
					padding: 0; 
					font-family: Arial; 
					font-size: 12px; 
					background: #E6F7D4; 
				}
.proxy { border: 1px dotted black; }

h2 { padding: 5px; margin: 5px; border-bottom: 2px solid #bbb; line-height: 7px; font-size: 14px; margin-top: 20px; margin-bottom: 0px; color: #333; }
.playground { background: #fff; margin-left: 5px; margin-right: 5px; position: relative; padding: 10px; }
.example { width: 200px; height: 100px; background: #fff; position: relative; }
		</style>
	</head>
	<body class="flora">
		<div class="playground">
			<ul style="cursor: pointer; float: left; position: relative;" id="example1" class="ui-sortable">
				<li id="ex_1">Drag us</li>
				<li id="ex_3" style="visibility: visible;">and change</li><li style="visibility: visible;">and change</li><li style="visibility: visible;">positions</li><li style="visibility: visible;">around</li>
				<li id="ex_4">our</li>
				<li id="ex_5">positions</li>
				<li id="ex_2" style="visibility: visible;">around</li>
			</ul>
			<ul class="ui-sortable" id="example1_2" style="cursor: pointer; float: left; position: relative;">
					<li>Drag us</li>
					<li style="visibility: visible;">our</li>
			</ul>
		</div>
		<script type="text/javascript">
			$(window).bind("load",function(){
				$("#example1").makeSortable({ connectWith: ['#example1_2'], revert: true, containment: 'document' });
				$("#example1_2").makeSortable({ connectWith: ['#example1'] });
			});
		</script>
	</body>